@extends('layout.main')

@section('head')
	@parent
	<link rel="stylesheet" type="text/css" href="/css/common.css">
@stop

@section('content')
	<div class="ui centered grid">
		<div class="ten wide column">
			<h2 class="ui header">
				<i class="settings icon"></i>
				<div class="content">
					个人资料
				</div>
			</h2>
			<form class="ui form segment" method="post" action="/userinfo">
				<input type="hidden" name="_token" value="{{ csrf_token() }}">
				<div class="three wide field">
			      	<label>昵称</label>
			      	<input type="text" name="nickname" placeholder="昵称">
				</div>
				<div class="inline fields">
				    <label for="sex">性别:</label>
				    <div class="field">
				      <div class="ui radio checkbox">
				        <input type="radio" name="sex" checked>
				        <label>男</label>
				      </div>
				    </div>
				    <div class="field">
				      <div class="ui radio checkbox">
				        <input type="radio" name="sex">
				        <label>女</label>
				      </div>
				    </div>
				</div>
				<div class="ten wide field">
			      	<label>个性签名</label>
			      	<textarea name="signature"></textarea>
				</div>
				<button type="submit" class="ui submit teal button">保存</button>
			</form>
		</div>

		<div class="ten wide column">
			<form class="ui form segment" method="post" action="/uploadhead">
				<input type="hidden" name="_token" value="{{ csrf_token() }}">
				<div class="field">
					<label>当前头像</label>
					<div class="ui images">
						<img class="ui small image" src="/images/headjpg.png">
						<img class="ui tiny image" src="/images/headjpg.png">
						<img class="ui mini image" src="/images/headjpg.png">
					</div>
				</div>
				<button class="ui submit teal button">上传新头像</button>
			</form>
		</div>
	</div>
@stop

@section('foot')
	@parent
	<script type="text/javascript">
		$('.ui.radio.checkbox').checkbox();
	</script>
@stop